<script lang="ts" setup>
import Dustbin from './Dustbin.vue'
import Box from './Box.vue'
import Grid from './Grid.vue'
</script>

<template>
  <div>
    <div :style="{ overflow: 'hidden', clear: 'both', margin: '-1rem' }">
      <Dustbin info="1">
        <Dustbin info="2">
          <Dustbin info="3"/>
        </Dustbin>
      </Dustbin>
    </div>

    <div :style="{ overflow: 'hidden', clear: 'both', marginTop: '1.5rem' }">
      <Box />
    </div>

    <div style="margin-top: 50px;">
      <Button label="Submit" />
    </div>

    <!-- 绘制网格 -->
    <Grid :width="375" :height="667" :size="5" color="orange"/>
  </div>
</template>